    <style>
      #map-canvas{
          height: 400px;
          width: 100%;
      }
    </style>


<div class="baseUrl"><?php echo $this->baseUrl() ?></div>
<div class="container-fluid">
    <div class="row">
        <div class="page-header">
            <h1>Listagem <small>de Mercados em Mapa</small></h1>
        </div>
    </div>
    
    <div class="row">
		<div >
			<ul class="breadcrumb">
			    <li><?php echo $this->href(array('controller' => 'index', 'action' => 'index', 'module' => 'default', 'content' => 'Home', 'checkAcl' => true))?></li> <span class="text-info divider"> >> </span>
			    <li class="active">Listar Mercados em Mapa</li>
			 </ul>
		 </div>
	</div>
    <div class="row">
        <div id="map-canvas"><img src="<?php echo $this->baseUrl() ?>/public/img/ui-anim_basic_16x16.gif" /></div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div style="text-align: center; margin-top: 25px"><?php echo $this->href(array('controller' => 'mercado', 'action' => 'criar', 'module' => 'default', 'content' => '<button type="button" class="btn btn-primary btn-lg">Cadastrar novo mercado</button>', 'checkAcl' => false))?></div>                
        </div>
    </div>
</div>


<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl() ?>/public/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl() ?>/public/js/maps-mercados-coordenada.js"></script>